﻿/*
* jQuery 验证码插件
* 
* 凌天蓝 2010.3.17
*/
(function($) {

    $.fn.validateCode = function(options) {

        var opts = $.extend({}, $.fn.validateCode.defaults, options);
		
		if(opts.width == null){
			opts.width = $(this).width() + parseInt($(this).css('border-left-width')) + 
										   parseInt($(this).css('border-right-width'));	
		}
		
		var $win = $('<div>loading...</div>').css({
			'width': opts.width,
			'height': opts.height,
			'background-color':'white',
			'position':'absolute',
			'display':'none',
			'z-index':opts.zIndex
		});
		
		$win.insertAfter(this);
		
		$(this).focus(function(){
	   		var inputPosition = $(this).position();
			$win.css({
				'left':inputPosition.left,
				'top':inputPosition.top - opts.height
			});
			
			switch(opts.type){
				case 'image':
					freshImage();
					break;
				case 'text':
					$win.text(opts.tipText);
					break;
			};

			$win.show();
		});
		
		$(this).blur(function(){
			$win.hide();
		});
		
		function freshImage(){
			$win.empty();
			$win.html('<img src="' + opts.url + '?timestamp=' + (new Date()).valueOf() + '" alt="验证码" />');
		}
    };

	$.fn.validateCode.defaults = {
        url: '',
		height:50,
		width:null,
		zIndex:999,
		type:'image',    // or 'text'
		tipText:'提示',
		data:{}
    };

})(jQuery);





